<template>
  <div id="home">
    <Header></Header>
    <TabControl></TabControl>
    <Banner></Banner>
    <Content></Content>
    <Footer></Footer>
  </div>
</template>

<script>
import Header from '@/components/Header'
import TabControl from '@/components/TabControl'
import Banner from '@/components/home/Banner'
import Content from '@/components/home/Content'
import Footer from '@/components/Footer'

  export default {
    name: 'Index',
    components: {
      Header,
      TabControl,
      Banner,
      Content,
      Footer
    }
  }
</script>

<style>
  body {
    margin: 0;
    padding: 0;
    font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif;
  }

</style>